﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>
<c:set var="contextPath" value="<%=basePath%>" />
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<title>${tie4.tile}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<!--CSS-->
<link rel="stylesheet" href="${ctx}/style/reset.css">
<link rel="stylesheet" href="${ctx}/style/style.css">
<link rel="stylesheet" href="${ctx}/style/layout.css">
<link href="${ctx}/style/prettyPhoto.css" rel="stylesheet" />
<link href="${ctx}/style/bmap.css" rel="stylesheet" />
<!--JS-->
<script type="text/javascript" src="${ctx}/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.easing.js"></script>
<script type="text/javascript" src="${ctx}/js/switcher.js"></script>
<script type="text/javascript" src="${ctx}/js/scripts.js"></script>
<script type="text/javascript" src="${ctx}/js/sprites.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="${ctx}/js/bgStretch.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.prettyPhoto.js"></script>


<!--Form & Map
<script type="text/javascript" src="${ctx}/js/forms.js"></script>-->
<!--[if lt IE 9]>
  	<script type="text/javascript" src="http://www.dzxt.cn/templates/front_templ/wedding_theme_010/js/html5.js"></script>
    <link rel="stylesheet" href="http://www.dzxt.cn/templates/front_templ/wedding_theme_010/css/ie.css" type="text/css" media="all">
  <![endif]-->
<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie"><img src="${ctx}/images/warning_bar_0000_us.png" border="0" height="42" width="820" alt="您的IE浏览器版本太低，请把您的IE浏览器版本升级浏览出最佳效果谢谢！" /></a>
		</div>
	<![endif]-->

<style>
  .login-input{ width: 312px; padding:6px 0 6px 6px;  border: 1px solid #d7d7d7; cursor: pointer; margin-top: 20px; float: left; display: inline; font-size: 14px; line-height: 20px;}
  .login-input:focus{box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #4D90FE; border:1px #4D90FE solid; font-size: 14px; }
  .login-button{ background-color: #E21A15; padding:6px 0 6px 0px;  border: 0px; width: 320px;  cursor: pointer; margin-top: 20px; font-family:"微软雅黑", "黑体", "Arial Unicode MS"; font-size: 18px; color: #fff; float: left; display: inline; }
  table{ margin: 10px auto; width: 340px; font-size: 14px;}
  table strong{float: left; width: 70px; line-height: 34px; margin-top: 20px; }
  table .a_c{ text-align: center; line-height: 40px; font-size: 12px;}

</style>
 <script type="text/javascript">
  function block(oEvent){
   if(window.event)
    oEvent=window.event;
   if(oEvent.button==2)
    alert("禁止使用右键");
  }
  document.onmousedown=block;
 </script>

	</head>
<body>
<div class="extra">
  <div class="page_spinner"></div>
  <span class="gall_spinner right"></span>
  <div id="bgStretch"><img src="${ctx}/images/bg_pic_1.jpg" alt=""></div>
  <div class="main"  style="width:450px;"> 

    <!--header end-->
    <!--content -->
    <article style="margin-top:150px;">
      <ul>
        <li class="contentPad">
          <div class="wrapper">
            <section class="patternPad" style="padding:0px; width:433px;">
            <form class="login_form" action="${ctx}/pages/login.action" method="post">
   	 <table>
   	 <tr><td colspan="2"><img src="${ctx}/images/logo.png" alt="Simpla Admin logo" /></td>
   	   </tr>

   	 <tr><td><strong>被邀请人:</strong></td>
   	   <td><input class="login-input" name="j_username" id="username" value="" type="text"/></td>
   	 </tr>

   	 <tr><td><strong>被手机号:</strong></td>
   	   <td><input class="login-input" name="j_password" id="password" value="" type="text" /></td>
   	 </tr>
   	 <tr><td>&nbsp;</td>
   	   <td><input class="login-button" type="submit" value="登  录" /></td>
   	 </tr>
   	 <tr><td>&nbsp;</td>
   	   <td class="a_c">如果登陆不进去请与邀请人联系谢谢！</td>
   	 </tr>
   	 <tr><td></td>
   	   <td class="a_c"> <c:if test="${!empty error}">
	      <div class="notification information png_bg">
	        <div> 用户名或密码错误! </div>
	      </div>
     </c:if></td>
   	 </tr>
   	 </table>
   	     </form>
              <div class="zigzagPad" style=" width:435px;"></div>
            </section>
          </div>
        </li>
      </ul>
    </article>
    <!--content end--> 
  </div>
</div>
<!--footer -->
<footer>
  <div class="privacy" style="line-height:20px">  <div style="display:inline;">
    <object type="application/x-shockwave-flash"
      data="${ctx}/images/dewplayer-mini.swf?mp3=${ctx}/images/couldThisBeLove.mp3&amp;autostart=1&amp;autoreplay=1" width="19" height="20"
      id="dewplayer-mini">
      <param name="wmode" value="transparent">
      <param name="movie"
        value="${ctx}/images/dewplayer-mini.swf?mp3=${ctx}/images/couldThisBeLove.mp3&amp;autostart=1&amp;autoreplay=1">
      <embed src="${ctx}/images/dewplayer-mini.swf?mp3=${ctx}/images/couldThisBeLove.mp3&amp;autostart=1&amp;autoreplay=1" width="20"
        height="20" wmode="transparent"></embed>
    </object>
  </div>
  </div>
  <!-- {%FOOTER_LINK} --> 
</footer>
<!--footer end--> 

<script>
$(window).load(function() { 
  $('.page_spinner').delay(250).fadeOut(800);
  $('body').css({overflow:'visible'});
  
})
</script>

</body>
</html>






